/* 去除所有标签的内外边距默认值 */
* {
    margin: 0px auto;
    padding: 0px;

}

/* 设置整个容器的默认宽高 */
#container {
    width: 1024px;
    height: 900px;
    /* 背景颜色 */
    background-color: bisque;
}

#container header {
    height: 100px;
    /* 文本样式内容居中显示 */
    text-align: center;
    /* 文本行高 */
    line-height: 100px;
    /* 背景颜色 */
    background-color: aqua;
}

/*网页主体布局*/
#container #main_body {
    height: 600px;
}

#container #main_body #aside {
    width: 20%;
    height: 600px;
    background-color: darkorchid;
    float: left;
}
#container #main_body #aside h2{
    /* 文本样式属性 */
    text-align: center;
    /* 字体样式属性 */
    font-style: italic;
}
#container #main_body #aside a{
    /* 将a标签行内元素转换成块级元素 */
    display: block;
    line-height: 50px;
    margin-left: 50px;
}


#container #main_body #main_center {
    width: 80%;
    height: 200px;
    display: inline-block;
    box-sizing: border-box;
    background-color: bisque;
}

/* 搜索条件 */
#container #main_body #main_center #search{
    height: 25px;
    text-align: center;
    /* 去除背景颜色 */
    background-color: deepskyblue;
}

#container #main_body #main_center table {
    width: 600px;
    border: 1px solid gainsboro;
}

#container #main_body #main_center table th {
    background-color: cadetblue;
}

#container #main_body #main_center table tr {
    /* 设置行高 */
    line-height: 32px;
    /* 文本居中显示 */
    text-align: center;
}

/* 表格隔行换色 */
#container #main_body #main_center table tr:nth-of-type(even) {
    background-color: greenyellow;
}

/* 网页底部 */
#container footer {
    height: 200px;
    /* 背景颜色 */
    background-color: burlywood;
}
